<template>
 
    <!-- Left Mumu -->

<div  class="fixed bg-gray-800 w-20 min-h-screen h-full text-gray-300 z-30 pt-20 left-0" >
    <div class="grid items-center ">
      
      <a href="/" class="block align-middle text-center mt-4 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="block w-6 h-6 mx-auto stroke-current">   
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
        </svg>
         <div class="text-xs">Home</div>
      </a>
      
      <a href="/ski-resort" class="block align-middle text-center mt-4 mb-4">
        <svg class="block w-6 h-6 mx-auto stroke-current" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4500" width="200" height="200"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-853.333333C288.149333 106.666667 106.666667 288.149333 106.666667 512s181.482667 405.333333 405.333333 405.333333 405.333333-181.482667 405.333333-405.333333S735.850667 106.666667 512 106.666667z m341.333333 426.666666h-21.333333a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z m-128.448 175.018667a20.138667 20.138667 0 0 1-5.568 10.965333 20.778667 20.778667 0 0 1-24.085333 3.669334l1.237333 1.258666 0.170667 0.170667c-3.456-1.429333-6.528-2.773333-9.898667-4.16-110.698667-46.122667-175.210667-82.261333-210.496-105.344-28.010667-18.304-37.866667-28.437333-38.272-28.864-0.96-0.917333-53.077333-51.456-138.346666-258.666667h0l1.429333 1.429334c-0.213333-0.426667-0.256-0.896-0.426667-1.322667a20.586667 20.586667 0 0 1-0.810666-14.101333 19.882667 19.882667 0 0 1 4.885333-8.682667 20.629333 20.629333 0 0 1 23.488-3.861333c0.192 0.085333 0.426667 0.106667 0.597333 0.213333l-0.490666-0.533333-0.917334-0.896h0.021334-0.021334c207.210667 85.269333 257.749333 137.386667 258.666667 138.346666 0.96 0.917333 53.077333 51.477333 138.346667 258.666667l-0.021334-0.021333 0.021334 0.021333-0.938667-0.938667-0.490667-0.469333c0.490667 1.002667 0.682667 2.069333 1.024 3.114667a21.034667 21.034667 0 0 1 0.896 10.005333z m-169.237333-240.448c-0.448-0.448-43.008-41.109333-195.989333-108.224 67.114667 152.981333 107.84 195.562667 108.693333 196.437333 0.448 0.448 43.008 41.130667 195.989333 108.224-67.114667-153.002667-107.84-195.562667-108.693333-196.437333zM512 490.666667a21.333333 21.333333 0 1 1 0 42.666666 21.333333 21.333333 0 1 1 0-42.666666z m0-277.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V170.666667a21.333333 21.333333 0 1 1 42.666666 0v21.333333a21.333333 21.333333 0 0 1-21.333333 21.333333z m0 597.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v21.333333a21.333333 21.333333 0 1 1-42.666666 0v-21.333333a21.333333 21.333333 0 0 1 21.333333-21.333333zM192 533.333333H170.666667a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z" fill="#cdcdcd" p-id="4501"></path></svg>
         <div class="text-xs">Ski Resorts</div>
      </a>

      <a href="/community" class="block align-middle text-center mt-4 mb-4">
        <svg   class="block w-6 h-6 mx-auto stroke-current" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5413" width="200" height="200"><path d="M441.571072 263.68m-84.48 0a3.3 3.3 0 1 0 168.96 0 3.3 3.3 0 1 0-168.96 0Z" p-id="5414" fill="#dbdbdb"></path><path d="M280.291072 537.6m-48.64 0a1.9 1.9 0 1 0 97.28 0 1.9 1.9 0 1 0-97.28 0Z" p-id="5415" fill="#dbdbdb"></path><path d="M664.291072 775.68m-33.28 0a1.3 1.3 0 1 0 66.56 0 1.3 1.3 0 1 0-66.56 0Z" p-id="5416" fill="#dbdbdb"></path><path d="M940.771072 235.52c5.12-7.68 10.24-15.36 15.36-23.04 20.48-38.4 53.76-97.28 35.84-151.04-10.24-25.6-28.16-38.4-40.96-43.52-46.08-15.36-107.52 23.04-117.76 30.72-12.8 7.68-15.36 23.04-7.68 35.84 7.68 12.8 23.04 15.36 35.84 7.68 20.48-12.8 56.32-30.72 74.24-23.04 2.56 0 5.12 2.56 7.68 10.24 10.24 30.72-15.36 76.8-33.28 110.08-43.52 79.36-102.4 151.04-161.28 225.28-138.24 168.96-296.96 312.32-486.4 435.2-7.68 5.12-15.36 10.24-25.6 15.36-102.4-81.92-168.96-209.92-168.96-353.28 0-250.88 202.24-453.12 453.12-453.12 56.32 0 107.52 10.24 156.16 28.16l0 0c2.56 0 5.12 2.56 7.68 2.56 15.36 0 25.6-10.24 25.6-25.6 0-10.24-7.68-20.48-17.92-23.04-53.76-20.48-112.64-30.72-174.08-30.72C241.891072 7.68 16.611072 232.96 16.611072 512c0 87.04 23.04 168.96 61.44 240.64-10.24 15.36-46.08 64-69.12 120.32-15.36 35.84-10.24 69.12 10.24 92.16 15.36 17.92 40.96 28.16 69.12 28.16 10.24 0 23.04-2.56 33.28-5.12 40.96-12.8 79.36-35.84 112.64-58.88 81.92 56.32 179.2 89.6 286.72 89.6C799.971072 1016.32 1025.251072 791.04 1025.251072 512 1025.251072 409.6 994.531072 314.88 940.771072 235.52zM106.211072 936.96c-17.92 5.12-38.4 2.56-48.64-7.68-10.24-10.24-5.12-25.6-2.56-38.4 15.36-35.84 35.84-71.68 51.2-92.16 25.6 35.84 53.76 66.56 84.48 94.72C165.091072 911.36 136.931072 926.72 106.211072 936.96zM520.931072 965.12c-87.04 0-168.96-25.6-238.08-69.12 2.56-2.56 5.12-2.56 7.68-5.12 192-125.44 355.84-271.36 496.64-445.44 43.52-53.76 84.48-104.96 122.88-161.28 38.4 66.56 64 145.92 64 227.84C974.051072 762.88 771.811072 965.12 520.931072 965.12z" p-id="5417" fill="#dbdbdb"></path></svg>
         <div class="text-xs">Community</div>
      </a>

        <!-- <a href="#" class="block align-middle text-center mt-4 mb-4">
        <svg class="block w-6 h-6 mx-auto stroke-current" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4500" width="200" height="200"><path d="M512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z m0-853.333333C288.149333 106.666667 106.666667 288.149333 106.666667 512s181.482667 405.333333 405.333333 405.333333 405.333333-181.482667 405.333333-405.333333S735.850667 106.666667 512 106.666667z m341.333333 426.666666h-21.333333a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z m-128.448 175.018667a20.138667 20.138667 0 0 1-5.568 10.965333 20.778667 20.778667 0 0 1-24.085333 3.669334l1.237333 1.258666 0.170667 0.170667c-3.456-1.429333-6.528-2.773333-9.898667-4.16-110.698667-46.122667-175.210667-82.261333-210.496-105.344-28.010667-18.304-37.866667-28.437333-38.272-28.864-0.96-0.917333-53.077333-51.456-138.346666-258.666667h0l1.429333 1.429334c-0.213333-0.426667-0.256-0.896-0.426667-1.322667a20.586667 20.586667 0 0 1-0.810666-14.101333 19.882667 19.882667 0 0 1 4.885333-8.682667 20.629333 20.629333 0 0 1 23.488-3.861333c0.192 0.085333 0.426667 0.106667 0.597333 0.213333l-0.490666-0.533333-0.917334-0.896h0.021334-0.021334c207.210667 85.269333 257.749333 137.386667 258.666667 138.346666 0.96 0.917333 53.077333 51.477333 138.346667 258.666667l-0.021334-0.021333 0.021334 0.021333-0.938667-0.938667-0.490667-0.469333c0.490667 1.002667 0.682667 2.069333 1.024 3.114667a21.034667 21.034667 0 0 1 0.896 10.005333z m-169.237333-240.448c-0.448-0.448-43.008-41.109333-195.989333-108.224 67.114667 152.981333 107.84 195.562667 108.693333 196.437333 0.448 0.448 43.008 41.130667 195.989333 108.224-67.114667-153.002667-107.84-195.562667-108.693333-196.437333zM512 490.666667a21.333333 21.333333 0 1 1 0 42.666666 21.333333 21.333333 0 1 1 0-42.666666z m0-277.333334a21.333333 21.333333 0 0 1-21.333333-21.333333V170.666667a21.333333 21.333333 0 1 1 42.666666 0v21.333333a21.333333 21.333333 0 0 1-21.333333 21.333333z m0 597.333334a21.333333 21.333333 0 0 1 21.333333 21.333333v21.333333a21.333333 21.333333 0 1 1-42.666666 0v-21.333333a21.333333 21.333333 0 0 1 21.333333-21.333333zM192 533.333333H170.666667a21.333333 21.333333 0 1 1 0-42.666666h21.333333a21.333333 21.333333 0 1 1 0 42.666666z" fill="#cdcdcd" p-id="4501"></path></svg>
         <div class="text-xs">Explore</div>
      </a> -->

       <!-- <a class="block align-middle text-center mt-4 mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="block w-6 h-6 mx-auto stroke-current">   
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" />
      </svg>
       
         <div class="text-xs">Library</div>
      </a> -->

       <label    :for="$store.state.user.uid>0?'my-modal-topic':'SnogogologinBox'" class="block align-middle text-center mt-4 mb-4 cursor-pointer">
        
      <svg xmlns="http://www.w3.org/2000/svg" class="block w-6 h-6 mx-auto stroke-current" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
</svg>
       
         <div class="text-xs">New Topic</div>
      </label>

      
       
      
    </div>
    
</div>
    <!-- 左侧菜单 -->

</template>